import React, { Component } from 'react'
import {Row,Col,Card,List,Avatar} from 'antd'
import "../project/project.scss"
const gridStyle = {
    width: '33.3%',
    textAlign: 'center',
    height:'150px',
    minwidth:"220px"
  };
class Project extends Component {
    render() {
        return (
            <Row style={{height:500}}>
            <Card title="进行中的项目" style={{marginTop:28,height:360}} extra={<a style={{color:'#3b3a42'}} href="#">全部项目</a>}>
            <Card.Grid style={gridStyle}>
                <Row type="flex" justify="center" align="middle">
                <Col span={16}>
                <Avatar size="small" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1526562355988&di=faf70dabd7aaae5dddcb2b8ba4782002&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0111d8573ed03632f8757cb9420d67.jpg%40900w_1l_2o_100sh.jpg"></Avatar>
                <span style={{marginLeft:5,fontSize:14,color:'rgba(24,144,255,1)'}}>磐晟 FOF 23 期</span>
                </Col>
                </Row>
                <Row style={{fontSize:14,color:"rgba(0,0,0,0.45)",marginTop:10,textAlign:"left"}}>这是一条描述信息这是一条描述信息这是一条描述信息</Row>
                <Row style={{marginTop:10,fontSize:8}} type="flex" justify="space-between" align="middle">
                    <span>境内 - 权益类</span>
                    <span>5小时前</span>
                </Row>
            </Card.Grid>

                    <Card.Grid style={gridStyle}>
                <Row  >
                <Col span={16}>
                <Avatar size="small" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1526562536899&di=f0f42c940f7f75d10f3c9a5a5f78f892&imgtype=0&src=http%3A%2F%2Fpic.qiantucdn.com%2F58pic%2F14%2F71%2F22%2F77758PICtm6_1024.jpg"></Avatar>
                <span style={{marginLeft:5,fontSize:14,color:'rgba(24,144,255,1)'}}>种植苹果园的项目</span>
                </Col>
                </Row>
                <Row style={{fontSize:14,color:"rgba(0,0,0,0.45)",marginTop:10,textAlign:"left"}}>大别山，种植高浓度甜，富含多种维生素的苹果......</Row>
                <Row style={{marginTop:10,fontSize:8,bottom:5,verticalAlign:"bottom"}} type="flex" justify="space-between" align="middle">
                    <span>境内 - 权益类</span>
                    <span>5小时前</span>
                </Row>
            </Card.Grid>

                    <Card.Grid style={gridStyle}>
                <Row type="flex" justify="center" align="middle">
                <Avatar size="small" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1526562719432&di=2548a08ce2abb1b32e241e1315837d5d&imgtype=0&src=http%3A%2F%2Fimg.mp.itc.cn%2Fupload%2F20161027%2F9520d1ed06864a0e9b9bc6c772ce3362_th.gif"></Avatar>
                <span style={{marginLeft:5,fontSize:14,color:'rgba(24,144,255,1)'}}>共享宠物计划</span>
                </Row>
                <Row style={{fontSize:14,color:"rgba(0,0,0,0.45)",marginTop:10,textAlign:"left"}}>不想养猫猫狗狗，怕麻烦，又嫌脏，支付宝推出共享宠物...</Row>
                <Row style={{marginTop:10,fontSize:8}} type="flex" justify="space-between" align="middle">
                    <span>境内 - 权益类</span>
                    <span>5小时前</span>
                </Row>
            </Card.Grid>

                    <Card.Grid style={gridStyle}>
                <Row type="flex" justify="center" align="middle">
                <Col span={16}>
                <Avatar size="small" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1526562981009&di=1289371370a078f8574d27e7afe1bdb9&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fimage%2Fc0%253Dpixel_huitu%252C0%252C0%252C294%252C40%2Fsign%3Dd4bff10c16950a7b6138468463a907b5%2F730e0cf3d7ca7bcb92f16d15b5096b63f624a806.jpg"></Avatar>
                <span style={{marginLeft:5,fontSize:14,color:'rgba(24,144,255,1)'}}>我爱我家绿色菜园项目</span>
                </Col>
                </Row>
                <Row style={{fontSize:14,color:"rgba(0,0,0,0.45)",marginTop:10,textAlign:"left"}}>你种菜，我上门，人人都是种菜小能手</Row>
                <Row style={{marginTop:10,fontSize:8}} type="flex" justify="space-between" align="middle">
                    <span>境内 - 权益类</span>
                    <span>5小时前</span>
                </Row>
            </Card.Grid>
            <Card.Grid style={gridStyle}>
                <Row type="flex" justify="center" >
                <Avatar size="small" src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=536821050,1755989896&fm=27&gp=0.jpg"></Avatar>
                <span style={{marginLeft:5,fontSize:14,color:'rgba(24,144,255,1)'}}>众筹创业</span>
                </Row>
                <Row style={{fontSize:14,color:"rgba(0,0,0,0.45)",marginTop:10,textAlign:"left"}}>你创业，我出钱，大家有钱一起赚</Row>
                <Row style={{marginTop:10,fontSize:8}} type="flex" justify="space-between" align="middle">
                    <span>境内 - 权益类</span>
                    <span>5小时前</span>
                </Row>
            </Card.Grid>
            <Card.Grid style={gridStyle}>
                <Row type="flex" justify="center" align="middle">
                <Avatar size="small" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></Avatar>
                <span style={{marginLeft:5,fontSize:14,color:'rgba(24,144,255,1)'}}>磐晟 FOF 23 期</span>
                </Row>
                <Row style={{fontSize:14,color:"rgba(0,0,0,0.45)",marginTop:10,textAlign:"left"}}>这是一条描述信息这是一条描述信息这是一条描述信息</Row>
                <Row style={{marginTop:10,fontSize:8}} type="flex" justify="space-between" align="middle">
                    <span>境内 - 权益类</span>
                    <span>5小时前</span>
                </Row>
            </Card.Grid>
            
           
          </Card>
          </Row>
        )
    }
}

export default Project;